body{
    background-color: #eeeeee;
}
.head{
    width: 100%;
    height: 1.07rem;
    background-color: #fece02;
    display: flex;
    align-items: center;
    padding: .17rem 0px .18rem ;
    .back{
        color: #fff5c9;
        font-size: .7rem;
        margin-left: .18rem;
        transform: scaleY(1.3);
    }
    .search{
        width: 4.3rem;
        height: .68rem;
        border-radius: .34rem;
        font-size: .28rem;
        background-color: #fee579;
        margin-left: 1rem;
        margin-right: .7rem;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        overflow: hidden;
        img{
            width: .37rem;
            height: .35rem;
        }
        input{
            width: 3.4rem;
            height: 100%;
            border: none;
            background-color: #fee579;
            &::placeholder{
                color: #cecccc;
            }
        }
    }
    .logo{
        width: .66rem;
        height: .63rem;
        img{
            width: 100%;
            height: 100%;
        }
    }
}
.hotsearch{
    width: 7.25rem;
    height: 3.2rem;
    background-color: #fff;
    margin: 0.2rem auto .1rem;
    padding-left: .08rem;
    .cols1{
        height: .88rem;
        line-height: .88rem;
        span{
            font-size: .28rem;
            height: .58rem;
            border-right: 1px solid #c2c2c2;
            line-height: .58rem;
            padding-left: .1rem;
            padding-right: .2rem;
            &:first-child{
                color: #ff5b00;
            }
            &:last-child{
                border-right: none;
            }
        }
    }
    .cols2,.cols3{
        width: 6.65rem;
        height: .88rem;
        margin: 0 auto;
        line-height: .88rem;
        border-top: 1px solid #c2c2c2;
        span{
            font-size: .28rem;
            height: .58rem;
            border-right: 1px solid #c2c2c2;
            line-height: .58rem;
            padding-left: .75rem;
            padding-right: .75rem;
            &:last-child{
                border-right: none;
            }
        }
    }
    .circle{
        width: 6.65rem;
        height: .55rem;
        margin: 0 auto;
        line-height: .55rem;
        border-top: 1px solid #c2c2c2;
        display: flex;
        justify-content: center;
        align-items: center;
        span{
            width: .17rem;
            height: .17rem;
            display: block;
            margin-right: .1rem;
            border-radius: 50%;
            border: 1px solid #9e9e9e;
        }
        .active{
            background-color: #fe9002;
        }
    }
}
.history{
    background-color: #fff;
    .list,.del{
        width: 100%;
        height: .95rem;
        font-size: .28rem;
        color: #474747;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #c2c2c2;
        img{
            width: .37rem;
            height: .41rem;
            margin-left: .22rem;
            margin-right: .15rem;
        }
    }
    .del{
        justify-content: center;
        color: #a2a1a1;
        img{
            width: .5rem;
            height: .5rem;
            margin-right: .13rem;
        }
    }
}